
import { memo } from "react"
import { useCounterStore } from '@/store/counterStore'

function Home() {
    const {counter, increment, decrement} = useCounterStore()

    return (
        <div>
            <h1>Home</h1>
            <p>Counter: {counter}</p>
            <div className="flex gap-4">
                <button onClick={increment}>Increment</button>
                <button onClick={decrement}>Decrement</button>
            </div>
        </div>
    )
}

export default memo(Home)